<!DOCTYPE html>
<html lang="en" xmlns:th=http://www.thymeleaf.org xmlns:shiro=http://www.pollix.at/thymeleaf/shiro>
<head>
    <meta charset="UTF-8">
    <title>订单中心</title>
    <link rel="stylesheet" th:href="@{/css/mt.css}"/>
    <script type="text/javascript" src="/js/jq.js"></script>
</head>
<body>
<div>
    <div class="fan">
        <a th:href="@{/}"><span><</span> 返回首页</a>
      <!--  <a th:href="@{/loginout}" class="zhu">注销</a>-->

    </div>

    <div class="ding">
        <p>订单中心</p>
        <hr/>

        <div class="ding2">
            <div class="xuan">
                <a href="#" id="a1">我的订单</a>
              <!--  <a href="#" id="a2">历史订单</a>-->
            </div>
            <div class="nei" id="d1">
                <table >



                    <tbody>
                    <tr>
                        <td>房间名称</td>
                        <td>房间号</td>
                        <td>入住日期</td>
                        <td>退房日期</td>
                        <td>入住天数</td>
                        <td>总价</td>
                    </tr>
                    <tr th:each="u:${ud}">
                        <td th:text="${u.getRooname()}">行政客房ccccc</td>
                        <td th:text="${u.getDanf()}">409</td>
                        <td th:text="${u.getRu()}">2000-20030</td>
                        <td th:text="${u.getTui()}">302837</td>
                        <td th:text="${u.getDay()}">4</td>
                        <td th:text="${u.getPri()}">333</td>
                    </tr>


                    </tbody>
                </table>
            </div>
          <!--  <div class="nei2 nei" hidden="false" id="d2">
                <table >



                    <tbody>
                    <tr>
                        <td>房间名称</td>
                        <td>房间号</td>
                        <td>入住日期</td>
                        <td>退房日期</td>
                        <td>入住天数</td>
                        <td>总价</td>
                    </tr>
                    <tr>
                        <td>行政客房ccccc</td>
                        <td>409</td>
                        <td>2000-20030</td>
                        <td>302837</td>
                        <td>4</td>
                        <td>333</td>
                    </tr>
                    <tr>
                        <td>行政客房</td>
                        <td>409</td>
                        <td>2000-20030</td>
                        <td>302837</td>
                        <td>4</td>
                        <td>333</td>
                    </tr>
                    <tr>
                        <td>行政客房</td>
                        <td>409</td>
                        <td>2000-20030</td>
                        <td>302837</td>
                        <td>4</td>
                        <td>333</td>
                    </tr>


                    </tbody>
                </table>
            </div>-->

        </div>
    </div>
</div>

</body>
<script>
    $(function () {
        $("#a1").click(function () {
            $("#d1").prop("hidden",false);
            $("#d2").prop("hidden",true);
            $("#a1").css('background-color','#ffffff')
            $("#a1").css('color','#282727')
            $("#a2").css('color','')
            $("#a2").css('background-color','')
        })
        $("#a2").click(function () {
            $("#d1").prop("hidden",true)
            $("#d2").prop("hidden",false);
            $("#a2").css('background-color','#fffcfc')
            $("#a1").css('color','')
            $("#a2").css('color','#312f2f')
            $("#a1").css('background-color','')
        })
    })
</script>
</html>